*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    padding: 0;
    margin : 0;
}

body {
    font-size      : 16px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    background     : #222;
    color          : #fff;
    overflow       : hidden;
    height         : 100vh;
}

/* 设置水平垂直居中 */

input {
    background    : none;
    border        : none;
    outline       : none;
    vertical-align: middle;
}

/* 防止未加载完成显示undefined */
[v-cloak] {
    display: none;
}

/* 去掉button默认样式 */
button {
    border    : none;
    background: transparent;
    outline   : none;
}

.flex-column {
    display       : flex;
    flex-direction: column;
    align-items   : center;
}

.flex-row {
    display       : flex;
    flex-direction: row;
    align-items   : center;
}

.j_c {
    justify-content: center;
}